<div class="theme-vdoing-wrapper ">
    <div class="articleInfo-wrap" data-v-0c557b5e="">
        <div class="articleInfo" data-v-0c557b5e="">
            <ul class="breadcrumbs" data-v-0c557b5e="">
                <li data-v-0c557b5e=""><a href="/" title="首页" class="iconfont icon-home router-link-active"
                                          data-v-0c557b5e=""></a></li>
                <li data-v-0c557b5e=""><span data-v-0c557b5e="">开发指南</span></li>
                <li data-v-0c557b5e=""><span data-v-0c557b5e="">萌新必读</span></li>
            </ul>
            <div class="info" data-v-0c557b5e="">
                <div title="作者" class="author iconfont icon-touxiang" data-v-0c557b5e=""><a
                        href="https://www.iocoder.cn" target="_blank" title="作者" class="beLink"
                        data-v-0c557b5e="">芋道源码</a></div>
                <div title="创建时间" class="date iconfont icon-riqi" data-v-0c557b5e=""><a href="javascript:;"
                                                                                        data-v-0c557b5e="">2022-03-01</a>
                </div> <!----></div>
        </div>
    </div> <!---->
    <div class="content-wrapper">
        <div class="right-menu-wrapper">
            <div class="right-menu-margin">
                <div class="right-menu-title">目录</div>
                <div class="right-menu-content">
                    <div class="right-menu-item level2"><a href="#🐴-严肃声明">🐴 严肃声明</a></div>
                    <div class="right-menu-item level2"><a href="#🐳-项目关系">🐳 项目关系</a></div>
                    <div class="right-menu-item level3"><a href="#后端项目">后端项目</a></div>
                    <div class="right-menu-item level3"><a href="#前端项目">前端项目</a></div>
                    <div class="right-menu-item level2"><a href="#🐶-在线体验">🐶 在线体验</a></div>
                    <div class="right-menu-item level2 active"><a href="#📚-国内顶级开源项目对比">📚 国内顶级开源项目对比</a></div>
                </div>
            </div>
        </div>
        <h1><img
                src="">简介
            <!----></h1>
        <div class="theme-vdoing-content content__default">
            <p><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro" target="_blank" rel="noopener noreferrer">yudao-vue-pro<span><svg
                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                    viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                             d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                    fill="currentColor"
                    points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                    class="sr-only">(opens new window)</span></span></a>，RuoYi-Vue 全新 Pro 版本，优化重构所有功能。
            </p>
            <p>基于 Spring Boot + MyBatis Plus + Vue &amp; Element 实现的后台管理系统 + UniApp 微信小程序，支持 RBAC 动态权限、数据权限、SaaS
                多租户、Flowable 工作流、三方登录、支付、短信、商城等功能。</p>
            <p><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro" target="_blank" rel="noopener noreferrer"><img
                    src="https://gitee.com/zhijiantianya/ruoyi-vue-pro/badge/star.svg?theme=white" alt="Gitee star"
                    style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100"
                                                        width="15" height="15" class="icon outbound"><path
                    fill="currentColor"
                    d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                    fill="currentColor"
                    points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                    class="sr-only">(opens new window)</span></span></a> <a
                    href="https://github.com/YunaiV/ruoyi-vue-pro" target="_blank" rel="noopener noreferrer"><img
                    src="https://img.shields.io/github/stars/YunaiV/ruoyi-vue-pro.svg?style=social&amp;label=Stars"
                    alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                           aria-hidden="true" focusable="false" x="0px"
                                                                           y="0px" viewBox="0 0 100 100" width="15"
                                                                           height="15" class="icon outbound"><path
                    fill="currentColor"
                    d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                    fill="currentColor"
                    points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                    class="sr-only">(opens new window)</span></span></a></p>
            <div class="custom-block tip"><p class="custom-block-title">😆 为开源继绝学，我辈义不容辞！</p>
                <p>2017 年，艿艿创建「芋道源码」公众号，帮助了 20w+ 工程师学习优秀框架的源码。</p>
                <p>2019 年，看了 Gitee 和 Github 非常多的业务开源项目，无法到达代码整洁、架构整洁。</p>
                <p>于是，艿艿利用休息时间，每天肝到晚上 1 点多，如此便有了芋道管理后台 + 微信小程序。</p></div>
            <h2>🐴 严肃声明</h2>
            <p><strong>现在、未来都不会有商业版本，所有代码全部开源！</strong></p>
            <p><strong>「我喜欢写代码，乐此不疲」</strong><br> <strong>「我喜欢做开源，以此为乐」</strong></p>
            <p>我 🐶 在上海艰苦奋斗，早中晚在 top3 大厂认真搬砖，夜里为开源做贡献。</p>
            <p>如果这个项目让你有所收获，记得 Star 关注哦，这对我是非常不错的鼓励与支持。</p>
            <h2 id="🐳-项目关系"><a href="#🐳-项目关系" class="header-anchor">#</a> 🐳 项目关系</h2>
            <p><img src="https://static.iocoder.cn/yudao-roadmap.png?imageView2/2/format/webp" alt="架构演进"
                    style="cursor: zoom-in;"></p>
            <p>三个项目的功能对比，可见社区共同整理的 <a href="https://www.yuque.com/xiatian-bsgny/lm0ec1/wqf8mn" target="_blank"
                                      rel="noopener noreferrer">国产开源项目对比<span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                    fill="currentColor"
                    d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                    fill="currentColor"
                    points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                    class="sr-only">(opens new window)</span></span></a> 表格。
            </p>
            <h3 id="后端项目"><a href="#后端项目" class="header-anchor">#</a> 后端项目</h3>
            <table>
                <thead>
                <tr>
                    <th>项目</th>
                    <th>Star</th>
                    <th>简介</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro" target="_blank"
                           rel="noopener noreferrer">ruoyi-vue-pro<span><svg xmlns="http://www.w3.org/2000/svg"
                                                                             aria-hidden="true" focusable="false"
                                                                             x="0px" y="0px" viewBox="0 0 100 100"
                                                                             width="15" height="15"
                                                                             class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro" target="_blank"
                           rel="noopener noreferrer"><img
                            src="https://gitee.com/zhijiantianya/ruoyi-vue-pro/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/YunaiV/ruoyi-vue-pro" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/YunaiV/ruoyi-vue-pro.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 Spring Boot 多模块架构</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/zhijiantianya/yudao-cloud" target="_blank" rel="noopener noreferrer">yudao-cloud<span><svg
                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                            viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                     d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/yudao-cloud" target="_blank" rel="noopener noreferrer"><img
                            src="https://gitee.com/zhijiantianya/yudao-cloud/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/YunaiV/yudao-cloud" target="_blank" rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/YunaiV/yudao-cloud.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 Spring Cloud 微服务架构</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/yudaocode/SpringBoot-Labs" target="_blank" rel="noopener noreferrer">Spring-Boot-Labs<span><svg
                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                            viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                     d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/yudao-cloud" target="_blank" rel="noopener noreferrer"><img
                            src="https://gitee.com/yudaocode/SpringBoot-Labs/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/yudaocode/SpringBoot-Labs" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/yudaocode/SpringBoot-Labs.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>系统学习 Spring Boot &amp; Cloud 专栏</td>
                </tr>
                </tbody>
            </table>
            <h3 id="前端项目"><a href="#前端项目" class="header-anchor">#</a> 前端项目</h3>
            <table>
                <thead>
                <tr>
                    <th>项目</th>
                    <th>Star</th>
                    <th>简介</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="https://gitee.com/yudaocode/yudao-ui-admin-vue3" target="_blank"
                           rel="noopener noreferrer">yudao-ui-admin-vue3<span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/yudaocode/yudao-ui-admin-vue3" target="_blank"
                           rel="noopener noreferrer"><img
                            src="https://gitee.com/yudaocode/yudao-ui-admin-vue3/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/yudaocode/yudao-ui-admin-vue3" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/yudaocode/yudao-ui-admin-vue3.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 Vue3 + element-plus 实现的管理后台</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-admin"
                           target="_blank" rel="noopener noreferrer">yudao-ui-admin<span><svg
                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                            viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                     d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-admin"
                           target="_blank" rel="noopener noreferrer"><img
                            src="https://gitee.com/zhijiantianya/ruoyi-vue-pro/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/YunaiV/ruoyi-vue-pro/tree/master/yudao-ui-admin" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/YunaiV/ruoyi-vue-pro.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 Vue2 + element-ui 实现的管理后台</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-admin-uniapp"
                           target="_blank" rel="noopener noreferrer">yudao-ui-admin-uniapp<span><svg
                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                            viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                     d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-admin-uniapp"
                           target="_blank" rel="noopener noreferrer"><img
                            src="https://gitee.com/zhijiantianya/ruoyi-vue-pro/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/YunaiV/ruoyi-vue-pro/tree/master/yudao-ui-admin-uniapp"
                            target="_blank" rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/YunaiV/ruoyi-vue-pro.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 uni-app + uni-ui 实现的管理后台的小程序</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/yudaocode/yudao-ui-go-view" target="_blank"
                           rel="noopener noreferrer">yudao-ui-go-view<span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                aria-hidden="true" focusable="false"
                                                                                x="0px" y="0px" viewBox="0 0 100 100"
                                                                                width="15" height="15"
                                                                                class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/yudaocode/yudao-ui-go-view" target="_blank"
                           rel="noopener noreferrer"><img
                            src="https://gitee.com/yudaocode/yudao-ui-go-view/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/yudaocode/yudao-ui-go-view" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/yudaocode/yudao-ui-go-view.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 Vue3 + naive-ui 实现的大屏报表</td>
                </tr>
                <tr>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-app" target="_blank"
                           rel="noopener noreferrer">yudao-ui-app<span><svg xmlns="http://www.w3.org/2000/svg"
                                                                            aria-hidden="true" focusable="false" x="0px"
                                                                            y="0px" viewBox="0 0 100 100" width="15"
                                                                            height="15" class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td><a href="https://gitee.com/zhijiantianya/ruoyi-vue-pro/tree/master/yudao-ui-app" target="_blank"
                           rel="noopener noreferrer"><img
                            src="https://gitee.com/zhijiantianya/ruoyi-vue-pro/badge/star.svg?theme=white"
                            alt="Gitee star" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 aria-hidden="true" focusable="false"
                                                                                 x="0px" y="0px" viewBox="0 0 100 100"
                                                                                 width="15" height="15"
                                                                                 class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a> <a
                            href="https://github.com/YunaiV/ruoyi-vue-pro/tree/master/yudao-ui-app" target="_blank"
                            rel="noopener noreferrer"><img
                            src="https://img.shields.io/github/stars/YunaiV/ruoyi-vue-pro.svg?style=social&amp;label=Stars"
                            alt="GitHub stars" style="cursor: zoom-in;"><span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                   aria-hidden="true" focusable="false"
                                                                                   x="0px" y="0px" viewBox="0 0 100 100"
                                                                                   width="15" height="15"
                                                                                   class="icon outbound"><path
                            fill="currentColor"
                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                            fill="currentColor"
                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                            class="sr-only">(opens new window)</span></span></a></td>
                    <td>基于 uni-app + uview 实现的用户 App</td>
                </tr>
                </tbody>
            </table>
            <h2 id="🐶-在线体验"><a href="#🐶-在线体验" class="header-anchor">#</a> 🐶 在线体验</h2>
            <ul>
                <li>演示地址【Vue3 + element-plus】：<a href="http://dashboard-vue3.yudao.iocoder.cn" target="_blank"
                                                 rel="noopener noreferrer">http://dashboard-vue3.yudao.iocoder.cn<span><svg
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                        viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                 d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                        fill="currentColor"
                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                        class="sr-only">(opens new window)</span></span></a></li>
                <li>演示地址【Vue3 + vben(ant-design-vue)】：<a href="http://dashboard-vben.yudao.iocoder.cn" target="_blank"
                                                         rel="noopener noreferrer">http://dashboard-vben.yudao.iocoder.cn<span><svg
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                        viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                 d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                        fill="currentColor"
                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                        class="sr-only">(opens new window)</span></span></a></li>
                <li>演示地址【Vue2 + element-ui】：<a href="http://dashboard.yudao.iocoder.cn" target="_blank"
                                               rel="noopener noreferrer">http://dashboard.yudao.iocoder.cn<span><svg
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
                        viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor"
                                                                                                 d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon
                        fill="currentColor"
                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span
                        class="sr-only">(opens new window)</span></span></a></li>
            </ul>
            <p>如果你要搭建本地环境，可参考如下文档：</p>
            <ul>
                <li><a href="/quick-start">《开发指南 —— 快速启动（适合“后端”工程师）》</a></li>
                <li><a href="/quick-start-front">《开发指南 —— 快速启动（适合“前端”工程师）》</a></li>
            </ul>
            <h2 id="📚-国内顶级开源项目对比"><a href="#📚-国内顶级开源项目对比" class="header-anchor">#</a> 📚 国内顶级开源项目对比</h2>
            <p>社区整理，欢迎补充！<a href="https://www.yuque.com/docs/share/879c8e99-23ef-46b1-b6d8-9b66426380c1"
                            target="_blank">传送门</a></p>
            <iframe src="https://www.yuque.com/docs/share/879c8e99-23ef-46b1-b6d8-9b66426380c1#qam2" width="105%"
                    height="600"></iframe>
        </div>
    </div>
    <div class="page-slot page-slot-bottom">
        <div class="wwads-cn wwads-horizontal pageB" data-id="136"
             style="width: 100%; max-height: 80px; min-height: auto; display: flex;"></div>
        <style>
            .pageB img {
                width: 80px !important;
            }

            .wwads-horizontal .wwads-text, .wwads-content .wwads-text {
                line-height: 1;
            }
        </style>
    </div>
    <div class="page-edit"><!----> <!---->
        <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/04/24, 08:45:33</span></div>
    </div>
    <div class="page-nav-wapper">
        <div class="page-nav-centre-wrap"><!----> <a href="/qun/" class="page-nav-centre page-nav-centre-next">
            <div class="tooltip" style="right: 17px; top: 399px;">交流群</div>
        </a></div>
        <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/qun/" class="">交流群</a>→
      </span></p></div>
    </div>
</div>